// 该配置文件用于设置前端开发环境的代理，解决跨域问题。
// 1. devServer.port: 指定前端开发服务器端口为8081。
// 2. proxy['/api']: 将所有以/api开头的请求代理到后端服务 http://localhost:8080，实现接口转发。
// 3. proxy['/member-photos']: 将以/member-photos开头的静态资源请求也代理到后端，便于本地访问上传的图片等文件。
// 4. proxy['/spouse-photos']: 将以/spouse-photos开头的静态资源请求也代理到后端，便于本地访问上传的配偶照片等文件。
// 这样前端请求接口和图片资源时都无需关心后端端口和跨域问题，开发体验更好。
module.exports = {
  devServer: {
    port: 8081,
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true
      },
      '/member-photos': {
        target: 'http://localhost:8080',
        changeOrigin: true
      },
      '/spouse-photos': {
        target: 'http://localhost:8080',
        changeOrigin: true
      }
    }
  }
};
